{% extends "base.html" %}
{% block container %}
        {{ chart.container }}
{%  endblock  container %}

{% block body_head %}

        {% if chart.jsonp_data_flag %}
            $.getJSON({{chart.jsonp_data_url}}, function ({{chart.jsonp_data}})
                {
        {% endif %} 

{% endblock body_head %}

{% block body_content %}

        {% if chart.jscript_head_flag %}
            {{chart.jscript_head}}
        {% endif %}

            Highcharts.setOptions({{chart.setoption}});
            var option = {{chart.option}};

            var data = {{chart.data}};
            option.series = data;

        {% if chart.navi_seri_flag %}
            var navi_data = {{chart.navi_seri}}
            option.navigator.series = navi_data;
        {% endif %}

            var chart = new Highcharts.StockChart(option);

        {% if chart.jscript_end_flag %}
            {{chart.jscript_end}}
        {% endif %}

{% endblock body_content %}

{% block body_end %}

        {% if chart.jsonp_data_flag %}
            });
        {% endif %} 

{% endblock body_end %}